<!DOCTYPE html>
<html>
<head>
<title>Title of document goes here</title>
<style type="text/css">
  #myul
  {
  text-align: center;
  }
  #myul li
  {
  display: inline;
  list-style-type: none;
  padding-right: 20px;
  }
</style>
</head>
<body>
  <ul id="myul">
    <li id="myli"><a href="#" id="current">Item one</a></li>
    <li><a href="#">Item two</a></li>
    <li><a href="#">Item three</a></li>
    <li><a href="#">Item four</a></li>
    <li><a href="#">Item five</a></li>
  </ul>
<div style="width:634px;margin:0px;padding:0px;background-color:#ffffff;color:#000000;padding-bottom:8px;padding-right:5px;padding-top:4px;float:left;">

<h1>HTML <span class="color_h1">Quick List</span></h1>
<hr><p class="intro">HTML Quick List from W3Schools. Print it, fold it, and put it in your pocket.</p>
<hr><h2>HTML Basic Document</h2>
<p>&lt;!DOCTYPE html&gt;<br>
&lt;html&gt;<br>
&lt;head&gt;<br>
&lt;title&gt;Title of document goes here&lt;/title&gt;<br>
&lt;/head&gt;</p>
&lt;body&gt;<br>
Visible text goes here...<br>
&lt;/body&gt;
<p>&lt;/html&gt;</p>

<h2>Basic Tags</h2>
&lt;h1&gt;Largest Heading&lt;/h1&gt;<br>
&lt;h2&gt; . . . &lt;/h2&gt;<br>
&lt;h3&gt; . . . &lt;/h3&gt;<br>
&lt;h4&gt; . . . &lt;/h4&gt;<br>
&lt;h5&gt; . . . &lt;/h5&gt;<br>
&lt;h6&gt;Smallest Heading&lt;/h6&gt;<br>
<br>
&lt;p&gt;This is a paragraph.&lt;/p&gt;<br>
&lt;br&gt; (line break)<br>
&lt;hr&gt; (horizontal rule)<br>
&lt;!-- This is a comment --&gt;<h2>Formatting</h2>
&lt;b&gt;Bold text&lt;/b&gt;<br>
&lt;code&gt;Computer code&lt;/code&gt;<br>
&lt;em&gt;Emphasized text&lt;/em&gt;<br>
&lt;i&gt;Italic text&lt;/i&gt;<br>
&lt;kbd&gt;Keyboard input&lt;/kbd&gt; <br>
&lt;pre&gt;Preformatted text&lt;/pre&gt;<br>
&lt;small&gt;Smaller text&lt;/small&gt;<br>
&lt;strong&gt;Important text&lt;/strong&gt;<br>
<br>
&lt;abbr&gt; (abbreviation)<br>
&lt;address&gt; (contact information)<br>
&lt;bdo&gt; (text direction)<br>
&lt;blockquote&gt; (a section quoted from another source)<br>
&lt;cite&gt; (title of a work)<br>
&lt;del&gt; (deleted text)<br>
&lt;ins&gt; (inserted text)<br>
&lt;sub&gt; (subscripted text)<br>
&lt;sup&gt; (superscripted text)<h2>Links</h2>Ordinary link:
&lt;a href="http://www.example.com/"&gt;Link-text goes here&lt;/a&gt;<br>
Image-link:
&lt;a href="http://www.example.com/"&gt;&lt;img src="URL"
alt="Alternate Text"&gt;&lt;/a&gt;<br>
Mailto link:
&lt;a href="mailto:webmaster@example.com"&gt;Send e-mail&lt;/a&gt;<p>Bookmark:<br>
&lt;a id="tips"&gt;Tips Section&lt;/a&gt;<br>
&lt;a href="#tips"&gt;Jump to the Tips Section&lt;/a&gt;</p>

<h2>Images</h2>&lt;img src="URL" alt="Alternate Text" height="42" width="42"&gt;<h2>
Styles/Sections</h2>&lt;style type="text/css"&gt;<br>
&nbsp; h1 {color:red;}<br>
&nbsp; p {color:blue;}<br>
&lt;/style&gt;<br>
<br>
&lt;div&gt;A block-level section in a document&lt;/div&gt;<br>
&lt;span&gt;An inline section in a document&lt;/span&gt;<h2>Unordered list</h2>&lt;ul&gt;<br>
&nbsp;
&lt;li&gt;Item&lt;/li&gt;<br>
&nbsp;
&lt;li&gt;Item&lt;/li&gt;<br>
&lt;/ul&gt;

<h2>Ordered list</h2>
&lt;ol&gt;<br>
&nbsp;
&lt;li&gt;First item&lt;/li&gt;<br>
&nbsp;
&lt;li&gt;Second item&lt;/li&gt;<br>
&lt;/ol&gt;

<h2>Definition list</h2>
&lt;dl&gt;<br>
&nbsp;
&lt;dt&gt;Item 1&lt;/dt&gt;<br>
&nbsp;&nbsp;&nbsp;
&lt;dd&gt;Describe item 1&lt;/dd&gt;<br>
&nbsp;
&lt;dt&gt;Item 2&lt;/dt&gt;<br>
&nbsp;&nbsp;&nbsp;
&lt;dd&gt;Describe item 2&lt;/dd&gt;<br>
&lt;/dl&gt;<h2>Tables</h2>

<p>&lt;table border="1"&gt;<br>
&nbsp;
&lt;tr&gt;<br>
  &nbsp;&nbsp;&nbsp;
  &lt;th&gt;table header&lt;/th&gt;<br>
  &nbsp;&nbsp;&nbsp;
  &lt;th&gt;table header&lt;/th&gt;<br>
&nbsp;
&lt;/tr&gt;<br>
&nbsp;
&lt;tr&gt;<br>
  &nbsp;&nbsp;&nbsp;
  &lt;td&gt;table data&lt;/td&gt;<br>
  &nbsp;&nbsp;&nbsp;
  &lt;td&gt;table data&lt;/td&gt;<br>
&nbsp;
&lt;/tr&gt;<br>
&lt;/table&gt;</p>

<h2>Iframe</h2>
<p>&lt;iframe src="demo_iframe.htm"&gt;&lt;/iframe&gt;</p>

<h2>Forms</h2>
&lt;form action="demo_form.asp" method="post/get"&gt;
<p>&lt;input type="text" name="email"
size="40" maxlength="50"&gt;<br>
&lt;input type="password"&gt;<br>
&lt;input type="checkbox" checked="checked"&gt;<br>
&lt;input type="radio" checked="checked"&gt;<br>
&lt;input type="submit" value="Send"&gt;<br>
&lt;input type="reset"&gt;<br>
&lt;input type="hidden"&gt;<br>
&lt;select&gt;<br>
&lt;option&gt;Apples&lt;/option&gt;<br>
&lt;option selected="selected"&gt;Bananas&lt;/option&gt;<br>
&lt;option&gt;Cherries&lt;/option&gt;<br>
&lt;/select&gt;</p>

<p>&lt;textarea name="comment" rows="60"
cols="20"&gt;&lt;/textarea&gt;<br><br>
&lt;/form&gt;</p>

<h2>Entities</h2>
&amp;lt; is the same as &lt;<br>
&amp;gt; is the same as &gt;<br>
&amp;#169; is the same as ©

<p><b>Source : http://www.w3schools.com/html/html_quick.asp</b></p>

<br>
<hr>

<!-- SmallPS -->
<div id="div-gpt-ad-1343810007679-4" style="width:630px;margin-left:auto;margin-right:auto;">
<script>
googletag.display('div-gpt-ad-1343810007679-4');
</script>
</div>
<!-- LargePS -->
<div id="div-gpt-ad-1343810007679-1" style="width:630px;margin-left:auto;margin-right:auto;">
<script>
googletag.display('div-gpt-ad-1343810007679-1');
</script>
</div>
<!-- BottomRectangle -->
<div id="div-gpt-ad-1343810007679-0" style="width:336px; height:280px;margin-left:auto;margin-right:auto;">
<script>
googletag.display('div-gpt-ad-1343810007679-0');
</script>
</div>

<div id="err_form" style="display:none;">
<h2>Your suggestion:</h2>
<p><label for="err_email">Your E-mail (optional):</label> <input id="err_email" name="err_email" type="text"></p>
<p><label for="err_url">Page address:</label> <input disabled="disabled" id="err_url" name="err_url" type="text"></p>
<p><label for="err_desc">Description:</label> <textarea name="err_desc" id="err_desc" cols="92" rows="20"></textarea></p>
<p class="submit"><input value="Submit" onclick="sendErr()" type="button"></p>
<div class="err_close" onclick="hideError()">Close [X]</div>
</div>
<div id="err_sent" style="display:none">
<h2>Thank you for your support.</h2>
<div class="err_close" onclick="hideSent()">Close [X]</div>
</div>
</div>
</body>

</html>
